<!DOCTYPE html>
<html>
<head>
    <meta content="IE=11.0000" http-equiv="X-Ua-Compatible">
    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-Ua-Compatible" content="IE=edge,chrome=1">
  <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
    <title>8.0建筑业企业资质认定办件详情-副本</title>
    <!--region 引入公用js和css -->
    <script>
        var HOST_S = "";
        var ctx = "";
    </script>
    <link href="../assets/plugins/animate/animate.css" rel="stylesheet">
    <link href="../assets/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
    <link href="../assets/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css"/>
    <link href="../assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
    <link href="../assets/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css"/>
    <link href="../assets/plugins/fullcalendar/fullcalendar.css" rel="stylesheet" type="text/css"/>
    <link href="../assets/base/css/components.css" rel="stylesheet" id="style_components" type="text/css"/>
    <link href="../assets/base/css/plugins.css" rel="stylesheet" type="text/css"/>
    <link href="../assets/ditop/layout.css" rel="stylesheet" type="text/css"/>
    <link href="../assets/plugins/datatables/datatables.min.css" rel="stylesheet" type="text/css"/>
    <link href="../assets/plugins/datatables/plugins/bootstrap/datatables.bootstrap.css" rel="stylesheet" type="text/css"/>
    <link href="../assets/plugins/bootstrap-table/bootstrap-table.css" rel="stylesheet">
    <link href="../assets/plugins/bootstrap-table/extensions/tree-column/bootstrap-table-tree-column.css" rel="stylesheet">
    <link href="../assets/plugins/bootstrap-toastr/toastr.css" rel="stylesheet">
    <link href="../assets/module/gcjsy/gcjsy-comp.css" rel="stylesheet">
    <link rel="stylesheet" href="../assets/plugins/sweetalert/sweetalert.css">
    <link rel="stylesheet" href="../assets/plugins/layer/theme/default/layer.css">
    <!-- CSS Customization -->
    <link href="../assets/plugins/select2/css/select2.min.css" rel="stylesheet">
    <link href="../assets/plugins/icheck/skins/flat/aero.css" rel="stylesheet">
    <link href="../assets/ditop/ditop.css" rel="stylesheet">
    <link href="../assets/ditop/style/ztree/style9/treestyle.css" rel="stylesheet">
    <link href="../assets/plugins/bootstrap-touchspin/bootstrap.touchspin.css" rel="stylesheet">
    <link href="../assets/plugins/bootstrap-datepicker/css/bootstrap-datepicker3.min.css" rel="stylesheet"
          type="text/css"/>
    <script src="../assets/plugins/jquery/jquery.min.js"></script>
    <script src="../assets/plugins/bootstrap/js/bootstrap.min.js"></script>
    <script src="../assets/plugins/bootstrap-toastr/toastr.js"></script>
    <script src="../assets/plugins/art-template/template.js"></script>
    <script src="../assets/plugins/layer/layer.js"></script>
    <script src="../assets/ditop/ditop.js"></script>
    <script src="../assets/module/gcjsy/js/echarts.min.js"></script>
    <script>
        $("html").addClass("LAYOUT_9");
        if (parent.layer.getFrameIndex(window.name)) {
            $("html").addClass("dlglayer");
        }
    </script>
    <!--endregion-->

    <style>
        .aptitude1-left{position:relative;float:left;overflow:auto;padding:20px 30px;width:78.75%;height:calc(100vh - 110px);border-right:1px solid #ededed;background:#fff}
        .aptitude1-right{float:right;padding:20px;width:calc(21.25% - 20px);height:calc(100vh - 110px);background:#fff;overflow: auto}
        .columnMain-ul{font-size:14px}
        .columnMain-ul li{overflow:hidden;padding-bottom:0;min-height:48px}
        .columnMain-ul li>div span{margin-right:10px;width:90px;color:#999}
        .columnMain-ul li>div:nth-child(2n) span{width:114px}
        .columnMain-ul li>div b{width:calc(100% - 145px)}
        .columnMain-ul li>div:first-child{width:55%}
        .columnMain-ul li>div:nth-child(2){width:45%;position: relative;left: 30px;}
        .she-Builder>section{margin-bottom:60px}
        .qym_des_bottom p span:nth-child(1),.qym_des_top p span:nth-child(3n+1){width:30%}
        .qym_des_bottom p span:nth-child(2),.qym_des_top p span:nth-child(3n+2){width:31%}
        .qym_des_bottom p span:nth-child(3),.qym_des_top p span:nth-child(3n+3){width:39%}
        .sa.sa1 li p{margin-bottom:5px}
        .sa.sa1 li p:last-child{margin-bottom:0}
        .sa.row2 li p span:first-child{width: 61%}
        .sa.row2 li p span:first-child+span{width: 38%}
        .jgRlist{width:160px}
        .jgRlist:before{display:none}
        .jgRlist li{margin-bottom:30px}
        .sa.sa1.row3 li p span{width: 30%}
        .she-Builder-ul.she-Builder-ulL li:last-child{border-bottom: none}
        .newQinfoRight p b{font-size: 20px}
        .qym_des.qym_desD dl dd{padding: 25px 25px 10px 25px;}
        .qym_des.qym_desD .qym_des_title{left:25px}
        .record:before{height: 100%}

        .newRecord .record:before{height: 130%}
        .newRecord .record:last-child:before{height: 100%}

        .xz_ulL > .pull-right{padding: 5px 0 0 0;}
        .xz_ul2 .xz_ulL {
            padding: 25px 0 20px 24px;
        }
        .xz_ulL {
            width: 280px;
        }
        .xz_ulR {
            width: calc(100% - 280px);
        }
        @media screen and (max-width:1500px){.she-Builder>section{margin-bottom: 40px;}}
    </style>

</head>
<body>


<div class="page-wrapper">
    <div class="page-header navbar">
        <div class="page-header-inner">
            <div class="renDetail clearfix">
                <div class="logo pull-left" style="padding-left: 0">
                    <a href="#"> <img src="../assets/images/logo/logo.png" alt="logo" class="logo-default"/> </a>
                </div>

                <div class="logoRightDes">
                    <span>企业办件详情</span>
                </div>
            </div>


        </div>
    </div>
    <div class="page-container clearfix">
        <div class="renDetail">



            <div class="renDetail-main">
                <section class="renDetail-mainA">
                    <h3>建筑业企业+申请资质名称+资质认定-首次申请</h3>
                    <div class="clearfix">
                        <p><span>办事编号:</span>Ditop201810070001</p>
                        <p><span>办事编号:</span>Ditop201810070001</p>
                        <p><span>提交时间:</span>2018-09-30  14:55</p>
                    </div>



                    <div class="TagPaper Tag-orange">
                        <span>待受理</span>
                    </div>
                    <div class="TagPaper Tag-green">
                        <span>已办结(审批通过)</span>
                    </div>


                    <!--

                     <div class="TagPaper Tag-blue">
                        <span>审核中</span>
                    </div>
                    <div class="TagPaper Tag-red">
                        <span>退回</span>
                    </div>
                    <div class="TagPaper Tag-green">
                        <span>已办结(审批通过)</span>
                    </div>

                    -->
                </section>
                <section class="clearfix caTab">
                    <div class="aptitude1-left">
                        <div class="aptTcontent1">
                            <!--z这里是内容区-->

                            <div class="she-Builder have-scrollbar pt0">


                                <section class="">
                                    <div class="mainTitle3">
                                        <p><span>审批进度</span></p>
                                    </div>

                                    <div class="pt20 newRecord">
                                        <div class="record">

                                            <div>
                                                <h3>01-16 13:45</h3>
                                                <i></i>
                                                <div>
                                                    <h4>受理结果：已受理 <a href="#">查看受理通知书</a></h4>
                                                    <p>
                                                        <span>材料齐全，依法受理</span>

                                                    </p>
                                                </div>
                                            </div>
                                            <div>
                                                <h3>01-10 13:45</h3>
                                                <i></i>
                                                <div>
                                                    <h4>审查意见：退回</h4>
                                                    <p>
                                                        <span>企业应当按照其拥有的资产、主要人员、已完成的工程业绩和技术装备等条件申请建筑业企业资质，经审查合格，取得建筑业企业资质证书后，方可在资质许可的范围内从事建筑施工活动在资质许可的范围内从事建筑施工活动在资质许可的范围内从事建筑施工活动在…… <a
                                                            href="#">查看更多</a> </span>
                                                    </p>
                                                </div>
                                            </div>
                                            <div>
                                                <h3>01-03 13:45</h3>
                                                <i></i>
                                                <div>
                                                    <h4>材料补正</h4>
                                                    <p>
                                                        <span>建筑施工总承包叁级</span>
                                                        <span>资质类别：建筑业</span>
                                                        <span>批准机关：住房和城乡建设部</span>
                                                        <span>签发流水号：20180010001</span>
                                                        <span>签发流水号：20180010001</span>
                                                        <span>签发流水号：20180010001</span>
                                                        <span>签发流水号：20180010001</span>
                                                    </p>
                                                </div>
                                            </div>
                                            <section class="clearfix">
                                                <span>2019</span>
                                            </section>
                                        </div>

                                        <div class="record">

                                            <div>
                                                <h3>12-03</h3>
                                                <i></i>
                                                <div>
                                                    <h4>审查意见：不予许可</h4>
                                                    <p>
                                                        <span>建筑施工总承包叁级</span>
                                                        <span>资质类别：建筑业</span>
                                                        <span>批准机关：住房和城乡建设部</span>
                                                        <span>签发流水号：20180010001</span>
                                                    </p>
                                                </div>
                                            </div>
                                            <div>
                                                <h3>08-03</h3>
                                                <i></i>
                                                <div>
                                                    <h4>资质首次申请</h4>
                                                    <p>
                                                        <span>企业应当按照其拥有的资产、主要人员、已完成的工程业绩和技术装备等条件申请建筑业企业资质，经审查合格，取得建筑业企业资质证书后，方可在资质许可的范围内从事建筑施工</span>
                                                    </p>
                                                </div>
                                            </div>
                                            <div>
                                                <h3>06-03</h3>
                                                <i></i>
                                                <div>
                                                    <h4>公示 <a href="#">查看公示结果</a></h4>

                                                </div>
                                            </div>
                                            <div>
                                                <h3>04-13</h3>
                                                <i></i>
                                                <div>
                                                    <h4>公示 <a href="#">查看公示结果</a></h4>
                                                    <p>
                                                        <span>企业应当按照其拥有的资产、主要人员、已完成的工程业绩和技术装备等条件申请建筑业企业资质，经审查合格，取得建筑业企业资质证书后，方可在资质许可的范围内从事建筑施工</span>
                                                    </p>
                                                </div>
                                            </div>
                                            <!--<section class="clearfix">
                                                <span>2018</span>
                                            </section>-->
                                        </div>
                                    </div>
                                </section>

                                <section class="margin-bottom-25">
                                    <div class="mainTitle3">
                                        <p><span>企业名称变更</span></p>
                                    </div>

                                    <div class="xz_ul xz_ul2">
                                        <ul>

                                            <li>
                                                <div class="xz_ulL">

                                                    <div class="pull-right">
                                                        <h4 class="fmAx18">张三</h4>
                                                        <p>340406199912120303</p>
                                                    </div>
                                                </div>
                                                <div class="xz_ulR center">
                                                    <p>建筑工程施工总承包航道工道工程总承包一级</p>
                                                </div>
                                            </li>

                                            <li>
                                                <div class="xz_ulL">
                                                    <div class="pull-right">
                                                        <h4 class="fmAx18">张三张三张三张三张三</h4>
                                                        <p>340406199912120303</p>
                                                    </div>
                                                </div>

                                                <div class="xz_ulR center">
                                                    <p>建筑工程施工总承包一级； 防防工程专业承包二级防水防腐保温工程专业承包二级防水防腐保温工程专业承包二级； 港口与航道工程承包一级； 港口与航道工程总承包一级</p>

                                                </div>

                                            </li>
                                            <li>

                                                <div class="xz_ulL">

                                                    <div class="pull-right">
                                                        <h4 class="fmAx18">张三</h4>
                                                        <p>340406199912120303</p>
                                                    </div>
                                                </div>

                                                <div class="xz_ulR center">
                                                    <p>建筑工程施工总承包一级； 防水防腐保温工程专业承包二级； 港口与航道工程承包一级； 港口与航道工程总承包一级</p>
                                                </div>

                                            </li>
                                            <li>
                                                <div class="xz_ulL">
                                                    <div class="pull-right">
                                                        <h4 class="fmAx18">张三张三张三张三张三</h4>
                                                        <p>340406199912120303</p>
                                                    </div>
                                                </div>

                                                <div class="xz_ulR center">
                                                    <p>建筑工程施工总承包一级； 防防工程专业承包二级防水防腐保温工程专业承包二级防水防腐保温工程专业承包二级； 港口与航道工程承包一级； 港口与航道工程总承包一级</p>

                                                </div>

                                            </li>
                                            <li>

                                                <div class="xz_ulL">

                                                    <div class="pull-right">
                                                        <h4 class="fmAx18">张三</h4>
                                                        <p>340406199912120303</p>
                                                    </div>
                                                </div>

                                                <div class="xz_ulR center">
                                                    <p>建筑工程施工总承包一级； 防水防腐保温工程专业承包二级； 港口与航道工程承包一级； 港口与航道工程总承包一级</p>
                                                </div>

                                            </li>
                                            <li>
                                                <div class="xz_ulL">
                                                    <div class="pull-right">
                                                        <h4 class="fmAx18">张三张三张三张三张三</h4>
                                                        <p>340406199912120303</p>
                                                    </div>
                                                </div>

                                                <div class="xz_ulR center">
                                                    <p>建筑工程施工总承包一级； 防防工程专业承包二级防水防腐保温工程专业承包二级防水防腐保温工程专业承包二级； 港口与航道工程承包一级； 港口与航道工程总承包一级</p>

                                                </div>

                                            </li>
                                            <li>

                                                <div class="xz_ulL">

                                                    <div class="pull-right">
                                                        <h4 class="fmAx18">张三</h4>
                                                        <p>340406199912120303</p>
                                                    </div>
                                                </div>

                                                <div class="xz_ulR center">
                                                    <p>建筑工程施工总承包一级； 防水防腐保温工程专业承包二级； 港口与航道工程承包一级； 港口与航道工程总承包一级</p>
                                                </div>

                                            </li>
                                            <li>
                                                <div class="xz_ulL">
                                                    <div class="pull-right">
                                                        <h4 class="fmAx18">张三张三张三张三张三</h4>
                                                        <p>340406199912120303</p>
                                                    </div>
                                                </div>

                                                <div class="xz_ulR center">
                                                    <p>建筑工程施工总承包一级； 防防工程专业承包二级防水防腐保温工程专业承包二级防水防腐保温工程专业承包二级； 港口与航道工程承包一级； 港口与航道工程总承包一级</p>

                                                </div>

                                            </li>

                                        </ul>

                                    </div>

                                </section>


                            </div>

                        </div>


                    </div>
                    <div class="aptitude1-right">
                        <div style="height: 40px"></div>
                        <ul class="jgRlist">

                            <li class="col6 blue">审批进度</li>
                            <li class="col6">企业名称变更</li>

                        </ul>
                    </div>
                </section>
            </div>
        </div>
    </div>
</div>

<script>
    //滚动监听
    function scroll (){
        var arr = [];
        $('.mainTitle3').each(function(){
            arr.push($(this).position().top)
        });
        $('.jgRlist > li').on('click',function(){
            $(this).addClass('blue').siblings().removeClass('blue');
            //$(".aptitude1-left").scrollTop(arr[$(this).index()]-10);
            $(".aptitude1-left").animate({ scrollTop: arr[$(this).index()]-10}, 200);
        });
        $(".aptitude1-left").scroll(function() {
            var hei =$(".aptitude1-left").height()*.4;
            for(var i= 0;i<arr.length;i++){
                if($(this).scrollTop()>=arr[i]-hei&&$(this).scrollTop()<=arr[i+1]){
                    $('.jgRlist > li').eq(i).addClass('blue').siblings().removeClass('blue');
                }else if($(this).scrollTop()>arr[arr.length-2]+50){
                    $('.jgRlist > li').eq(arr.length-1).addClass('blue').siblings().removeClass('blue');
                }
            }
        })
    }scroll();
    $(window).on('resize',scroll);
</script>

<!--region 引入公用js和css -->
<script src="../assets/plugins/sweetalert/sweetalert.min.js"></script>
<script src="../assets/plugins/jquery.blockui.min.js"></script>
<script src="../assets/plugins/js.cookie.min.js"></script>
<script src="../assets/plugins/jquery-slimscroll/jquery.slimscroll.min.js"></script>
<script src="../assets/plugins/jquery.blockui.min.js"></script>
<script src="../assets/plugins/bootstrap-switch/js/bootstrap-switch.min.js"></script>
<script src="../assets/plugins/bootstrap-touchspin/bootstrap.touchspin.js"></script>
<script src="../assets/plugins/moment.min.js"></script>
<script src="../assets/plugins/bootstrap-daterangepicker/daterangepicker.min.js"></script>
<script src="../assets/plugins/counterup/jquery.waypoints.min.js"></script>
<script src="../assets/plugins/counterup/jquery.counterup.min.js"></script>
<script src="../assets/plugins/fullcalendar/fullcalendar.js"></script>
<script src="../assets/plugins/horizontal-timeline/horizontal-timeline.js"></script>
<script src="../assets/plugins/jquery.sparkline.min.js"></script>
<script src="../assets/plugins/select2/js/select2.js"></script>
<script src="../assets/plugins/select2/js/i18n/zh-CN.js"></script>
<script src="../assets/plugins/ztree/jquery.ztree.all.js"></script>
<script src="../assets/plugins/jquery-form/jquery.form.js"></script>
<script src="../assets/plugins/jquery-validator/jquery.placeholder.min.js"></script>
<script src="../assets/plugins/jquery-validator/jquery.validate.js"></script>
<script src="../assets/plugins/jquery-validator/jquery.validate.custom.js"></script>
<script src="../assets/plugins/jquery-validator/localization/messages_zh.js"></script>
<script src="../assets/plugins/jquery-validator/additional-methods.js"></script>
<script src="../assets/plugins/bootstrap-growl/jquery.bootstrap-growl.js"></script>
<script src="../assets/plugins/bootstrap-table/bootstrap-table.js"></script>
<script src="../assets/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.js"></script>
<script src="../assets/plugins/bootstrap-table/extensions/tree-column/bootstrap-table-tree-column.js"></script>
<script src="../assets/base/scripts/app.js"></script>
<script src="../assets/base/scripts/theme.js"></script>
<script src="../assets/ditop/ditop-addition.js"></script>
<script src="../assets/plugins/bootstrap-datepicker/js/bootstrap-datepicker.min.js" type="text/javascript"></script>
<script src="../assets/plugins/bootstrap-datepicker/locales/bootstrap-datepicker.zh-CN.min.js"
        type="text/javascript"></script>
<script type="text/javascript" src="../assets/plugins/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js"
        charset="UTF-8"></script>
<script type="text/javascript"
        src="../assets/plugins/bootstrap-datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js"
        charset="UTF-8"></script>
<script src="../assets/plugins/jquery-validator/jquery.validate.custom.js"></script>
<script src="../assets/ditop/layout.js"></script>
<!--endregion-->

<script src="../assets/module/gcjsy/js/content.js"></script>
<script src="../assets/module/gcjsy/js/bar2.js"></script>
</body>
</html>
